{# set pageRoute var. at php file use: \Slim::get('config')->pageRoute = '/home'; #}

{% set _pageRoute = _globals.page.route %}
{% set _fixedTop = false %}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    {% block metadata %}
        <meta name="description" content="{{ _globals.page.description }}">
        <meta name="keywords" content="{{ _globals.page.keywords }}">
    {% endblock %}
<title> {% block title %} {{ _globals.page.title }} {% endblock %} - {{ _globals.config.name }} </title>
    <link href="/assets/libs/bootswatch/{{ _globals.config.cssStyle }}/bootstrap.min.css" rel="stylesheet">
    <link href="/assets/src/themes/docs/docs.css" rel="stylesheet">
    {% block style %}
    {% endblock %}
    <script type="text/javascript"> var GV = {}; </script>
    <script src="/assets/libs/vue.min.js"></script>
    {% block topScript %}
    {% endblock %}
</head>
<body>
    <div class="wrapper docs with-sidebar">
        <div class="docs-sidebar">
            {% block sidebar %}
            {% include 'items/docs/_includes/sidebar.twig' %}
            {% endblock %}
        </div>

        <div class="container-fulid docs-content">
            {% block header %}
                {% include '_includes/navbar.twig' %}
            {% endblock %}

            <!-- open/close sidebar btn
            <div style="position: absolute; top: -6px; left: -10px; z-index: 9999;">
            <a href="javascript:void(0);" class="btn btn-success btn-xs" role="button" id="J-sidebar-toggle">
                <span class="glyphicon glyphicon-chevron-left"></span>
            </a>
            </div> -->

            {% include '_includes/alert.msg.twig' %}
            <div class="row">
                <div class="col-sm-9 col-sm-offest-2">
                    {% block body %} <h1>This is page Body.</h1> {% endblock %}
                </div>
            </div>

        </div>

        {% block footer %}
        {% endblock %}


    </div>
    <script src="/assets/libs/jquery.min.js"></script>
    <script src="/assets/libs/bootstrap.min.js"></script>
    <script src="/assets/src/app.js"></script>
    <script src="/assets/src/themes/docs/docs.js"></script>
    {% block bottomScript %}
    {% endblock %}
</body>
</html>
